<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>CSS动画效果</title>
        <style>
             a{
                display:block;
                width:50px;
                height:50px;
                position:fixed;
                top:50%;
                left:0;
                border:1px solid #ccc;
                text-decoration: none;
            }

            
            div{border:1px solid #ccc;width:100px;height:100px;}
            #div1{
                margin-left:100px;margin-top:20px;
                position: relative;
                perspective:150;
                -webkit-perspective:150;
            }
            #div2{
                background-color:aqua;
                position:absolute;
                transform: rotateX(45deg);
                -webkit-transform: rotateX(45deg);
            }
        </style>
    </head>
    <body>
        <div id="div1" class="move">
           <div id="div2">我在里面</div>
        </div>


        <a href="index.html">返回</a>
    </body>
</html>